<template>
  <div class="input-item border-bottom">
    <label class="label" for="">
      <span class="title">{{title}}:</span>
      <slot name="refund"></slot>
    </label>
    <div class="input-area">
      <slot></slot>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: '账号'
    },
  },
  data() {
    return {

    }
  },
  methods:{
  }
}
</script>

<style lang="stylus" scoped>  
  @import '~@/assets/styles/variables.styl'
  .input-item 
    height 70px 
    padding 10px 
    box-sizing border-box
    display flex 
    flex-direction column
    justify-content space-around
    border-radius 3px
    .label 
      display flex
      .title 
        margin-right 10px
    .input-area 
      display flex
      padding 0 6px
     
</style>